page{
  height:100%;
  background-color:#000;
  position:relative;
}
.index-container.active{
  position:fixed;
  width:100%;
  height:100%;
}
.self-defined-swiper{
  border: 1 rpx solid red;
  width: 100%;
  height: 920 rpx;
  box-sizing: border-box;
  position: fixed;
  top:14%;
   swiper{
    width:100%;
    height:920rpx;
  }
  swiper-item{
    height:920rpx;
    text-align:center;
  }
  image{
    width:85%;
    display:inline-block;
    //width:404rpx;
    height:640rpx;
    margin-top:70rpx;
    position:relative;
    &.active{
      width:100%;
      height:780rpx;
      //transform:scale(1);
      margin-top:0;
      transition:all .6s  0s;
    }
  }
  .show-collect-info{
    position:absolute;
    width:100%;
    top:219rpx;
    left:0;
    transform: translateY(20%);
    transition: all .4s ease;
    box-sizing:border-box;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index:999999;
    opacity:0;
    visibility:hidden;
    &.show-collect{
      transform: translateY(0);
      opacity:1;
      visibility:visible;
    }
    &.hidden-collect{
      display:none;
    }
    .init-box{
      width:218rpx;
      height:60rpx;
      line-height:60rpx;
      background:rgba(0,0,0,1);
      opacity:0.6;
      border-radius:6rpx;
      font-size:24rpx;
      font-family:PingFangSC-Regular;
      color:rgba(255,255,255,1);
      text-align:center;
      margin-bottom:28rpx;
      button{
        border-radius:6rpx!important;
      }
    }
    button{
      height:60rpx;
      line-height:60rpx;
      display:block;
      margin-left:auto;
      margin-right:auto;
      padding-left:0;
      padding-right:0;
      box-sizing:border-box;
      font-size:24rpx;
      text-align:center;
      text-decoration:none;
      border-radius:0;
      -webkit-tap-highlight-color:transparent;
      overflow:hidden;
      color:rgba(255,255,255,1);
      background:rgba(0,0,0,1);

    }
  }
  .swiper-image-cont{
    width:100%;
    position:absolute;
    bottom:20rpx;;
    left:0;
    font-size:26rpx;
    color:#fff;
    text-align:center;
    z-index:999999;
    view:last-child{
      text-shadow:5px 2px 6px #0F111D
    }
  }
  .swiper-image-cont image{
    width:66rpx;
    height:66rpx;
    position: relative;
  }
  .self-defined-swiper-init{
    position:relative;
    width:100%;
    height:780rpx;
    .self-defined-swiper-init-posit{
      position:absolute;
      left:0;top:0;
      font-size:0;
      width:1000%;
    }
    image{
      display:inline-block;
      width:404rpx;
      height:640rpx;
      margin-right:44rpx;
      &.active{
        width:492rpx;
        height:780rpx;

      }
    }
  }
}
.choice-modal-type{
  position:fixed;
  right:33rpx;
  top:14rpx;
  width:66rpx;
  height:66rpx;
  z-index:9999;
  background-color:#000;
}
.index-container{
  .index-search-b {
    width:100%;
     display:flex;
     box-sizing:border-box;
     padding:20rpx 33rpx 30rpx 25rpx;
    align-items:center;
    justify-content: space-between;
     position:fixed;
    left:0;
    top:0;
    z-index:999;
    background-color:#000;
    .index-search-inp{
      position:relative;
      .index-search-icon{
        position:absolute;
        left:17rpx;
        top:9rpx;
        z-index:77;
      }
      .link-inp{
        flex:1;
        width:600rpx;
        height:60rpx;
        padding-left:78rpx;
        box-sizing:border-box;
        line-height:60rpx;
        border-radius:6rpx;
        background-color:#282828;
        color:#fff;
        font-size:24rpx;
        margin-right:21rpx;
      }

    }
  }
  .mei-jing-world-filter{
    width:100%;
    box-sizing:border-box;
    display:flex;
    height:80rpx;
    position:fixed;
    left:0;
    top:105rpx;
    z-index:999;
    background-color:#000;
    align-items:center;
    border-bottom:1rpx solid #444;
    border-top:1rpx solid #444;
    font-size:26rpx;
    &>view{
      line-height:80rpx;
      flex:0 0 25%;
      text-align:center;
      color:#fff;
      position:relative;
      font-size:26rpx;
      &.active{
        color:#993333;
      }
      .world-filter-text{
        display:inline-block;
        &.active{
          color:#993333;
        }
      }
      .world-filter-img{
        display:inline-block;
        margin-left:13rpx;
        image{
          position:relative;
          width:14rpx;
          height:8rpx;
        }
      }
      .choice-style-filter{
        position:relative;
        top:-4rpx;
      }
      .choice-filter-time{
         position:relative;
        .top{
          position:absolute;
          left:0;top:-9rpx;
        }
        .bottom{
          position:absolute;
          left:0;bottom:10rpx;
        }
      }

    }
    .filter-style-c ,.filter-type-c{
      position:absolute;
      line-height:normal;
      display:flex;
      width:250rpx;
      //height:310rpx;
      left:-30rpx;
      top:78rpx;
      background-color:#141414;
      color:#c7c7c7;
      box-sizing:border-box;
      flex-flow: row wrap;
      align-content: flex-start;
      padding: 20rpx 0;
      &>view{
        box-sizing: border-box;
        flex: 0 0 50%;
        font-size:26rpx;
        height:75rpx;
        line-height:75rpx;
        &.active{
          background-color:#993333;
          color:#fff;
        }
      }

    }

  }
  .mei-jing-world-t{
    margin-top:186rpx;
  }
  .mei-jing-world-panel{
    padding:20rpx 30rpx;
    box-sizing:border-box;
    border-bottom:1rpx solid #444;
    color:#999;
    font-size:24rpx;
    align-items:flex-start;
    .exithit-viedeo-b{
      width:320rpx;
      height:220rpx;
      position:relative;
      .mei-jing-video{
        width:320rpx;
        height:220rpx;
      }
      .play-video-bz{
        position: absolute;
        width:66rpx;
        height:66rpx;
        left:127rpx;
        top:77rpx;
      }
    }

    .mei-jing-world-panel-info{
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 20rpx;
      padding-top:20rpx;
      padding-bottom:20rpx;
      box-sizing:border-box;
      .title{
        color:#fff;
      }
      .world-panel-right-b{
         margin-top:41rpx;
        &>view{
          margin-top:6rpx;
          &:first-child{
            margin-top:0;
          }
        }
      }
      .mei-jing-world-panel-qi{
        text-align:right;
      }
    }
  }
}
.show-collect-p-n{
  overflow:hidden;
.show-collect-title{
  width:100%;
  text-align:center;
  margin-top:308rpx;
  margin-bottom:200rpx;
  font-size:26rpx;
  color:#fff;
}
}
//弹出层
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index:10000;
}
.dialog-container {
  position: fixed;
  top:25%;
  width: 100%;
  background: white;
  display:none;
  height:508rpx;
  z-index:10005;
}
.dialogShow{
  .dialog-container{
    display: block;
  }
  .dialog-mask {
    display: block;
  }
  z-index:10000;
}
.dialog-video-s{
  width:100%;height:508rpx;
}



//弹出层
.subscription-update-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:10000;
  background: rgba(0, 0, 0, 0.7);
  display:none;
}
.close-updata-dialog{
  position: fixed;
  width:60rpx;
  height:60rpx;
  z-index:10008;
  bottom:102rpx;
  left:345rpx;
  display:none;
  image{width:100%;height:100%;}
}
.subscription-update-container {
  position: fixed;
  top:102rpx;
  left:10%;
  width:80%;
  height:750rpx;
  background:rgba(255,255,255,1);
  border-radius:10rpx;
  transform: translateY(150%);
  transition: all 0.2s ease;
  z-index:10000;
  box-sizing:border-box;
  padding:75rpx 75rpx 45rpx 75rpx;
  opacity:0;
  &:after{
    position:absolute;
    content:'';
    display:block;
    border-top:20rpx solid rgba(255,255,255,.6);
    border-bottom:20rpx solid transparent;
    border-right:20rpx solid transparent;
    border-left:20rpx solid transparent;
    bottom:-36rpx;
    left:283rpx;
  }
  .subscription-update-cont{
    .subs-updata-info{
      margin-top:5rpx;
      margin-bottom:25rpx;
    }
    .subs-shu{
      margin-left:10rpx;
      margin-right:10rpx;
    }
  }
  .subs-updata-qr-code{
    width:450rpx;
    height:450rpx;
    background:rgba(244,244,244,1);
    text-align:center;
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:30rpx;
    image{
      width:186rpx;
      height:186rpx;
    }
  }
}
.subscription-update-dialogShow{
  .subscription-update-container {
    opacity:1;
    transform: translateY(0);
  }
  .close-updata-dialog{
    display:block;
  }
  .subscription-update-mask {
    display: block;
  }
}
